<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>大数计算器</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="calculator-container">
        <div class="calculator">
            <h1>大数计算器</h1>
            <p>支持最多100位数字的加减乘除、次方与阶乘运算</p>
            
            <div class="input-area">
                <input type="text" id="num1" placeholder="输入第一个数">
                <select id="operation">
                    <option value="add">+</option>
                    <option value="subtract">-</option>
                    <option value="multiply">×</option>
                    <option value="divide">÷</option>
                    <option value="power">^(次方)</option>
                    <option value="factorial">!(阶乘)</option>
                </select>
                <input type="text" id="num2" placeholder="输入第二个数">
                <button id="calculate">=</button>
            </div>
            
            <div class="result-area">
                <h2>计算结果：</h2>
                <div id="result" class="result">0</div>
            </div>
            
            <div class="instructions">
                <h3>使用说明</h3>
                <ul>
                    <li><strong>加法(+)、减法(-)、乘法(×)、除法(÷)</strong>：需要输入两个数字</li>
                    <li><strong>次方(^)</strong>：第一个数为底数，第二个数为指数，指数必须是整数</li>
                    <li><strong>阶乘(!)</strong>：只需在第一个输入框中输入一个非负整数</li>
                </ul>
                <p class="note">注意：所有计算结果支持最多100位精度</p>
            </div>
        </div>
    </div>
    
    <footer class="footer">
        <div style="max-width: 1000px; margin: 0 auto;">
            © Weiki 大数计算器 | 完全在浏览器中运行，您的数据不会上传至任何服务器
        </div>
    </footer>
    
    <script src="script.js"></script>
</body>
</html> 